
<script type="text/javascript" charset="utf-8">

		var province_id;
		var city_id;
		$(function(){
			
			province_id = $('#province_id').combobox({
				url:'/regionpost/regionprovinceinfo',
				method:'get',
				valueField:'id',
				textField:'province_name',
				editable:false,
				panelHeight:'150',
				required:true,
				onSelect:function(record){				
					city_id.combobox({
						url:'/regionpost/regioncityinfo?id='+record.id,
						method:'get',
						valueField:'id',
						textField:'city_name',
						editable:false,
						panelHeight:'150',
						required:true,
					}).combobox('clear');	
				}
			})
			
			city_id = $('#city_id').combobox({
				valueField:'id',
				textField:'city_name',
				editable:false,
				required:true,
			});

		});

</script>

<div style="padding: 5px;">
	<form method="post">
		<table class="tableForm">
            <tr>
                <th style="width:80px;">区域省份</th>
                <td>
					<input style="line-height:26px;border:1px solid #ccc;width:130px" class="easyui-combobox" 
                        name="province_id" id="province_id" />                    
                </td>
            </tr>
            <tr>
                <th style="width:80px;">区域市区州</th>
                <td>
					<input style="line-height:26px;border:1px solid #ccc;width:130px" class="easyui-combobox" 
					name="city_id" id="city_id" />                    
                </td>
            </tr>
            <tr>
                <th style="width:80px;">行政代码</th>
                <td><input class="easyui-numberbox" data-options="required:true,validType:'length[1,50]'" name="area_code">
			</tr>
			<tr>
				<th style="width:80px;">区域地区名称</th>
				<td><input class="easyui-validatebox" data-options="required:true,validType:'length[1,50]'" name="area_name">
			</tr>
		</table>
	</form>
</div>